<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./index.css">
    <script src="//at.alicdn.com/t/font_2790549_mdmm5xx279h.js"></script>
</head>
<body>
    <div class="icons">
        <a href="#">
            <div class="layer">
                <span></span>
                <span></span>
                <span></span>
                <span></span>
                <span class="iconfont icon-18"></span>
            </div>
            <div class="text">Facebook</div>
        </a>
        <a href="#">
            <div class="layer">
                <span></span>
                <span></span>
                <span></span>
                <span></span>
                <span class="iconfont icon-14"></span>
            </div>
            <div class="text">Twitter</div>
        </a>
        <a href="#">
            <div class="layer">
                <span></span>
                <span></span>
                <span></span>
                <span></span>
                <span class="iconfont icon-instagram"></span>
            </div>
            <div class="text">Instagram</div>
        </a>
        <a href="#">
            <div class="layer">
                <span></span>
                <span></span>
                <span></span>
                <span></span>
                <span class="iconfont icon-linkedin"></span>
            </div>
            <div class="text">Linkedin</div>
        </a>
        <a href="#">
            <div class="layer">
                <span></span>
                <span></span>
                <span></span>
                <span></span>
                <span class="iconfont icon-shipin"></span>
            </div>
            <div class="text">YouToBe</div>
        </a>
    </div>
</body>
</html>